<!DOCTYPE html>
<html>
<head>
    <!-- 引入该标签，用于使用ajax -->
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>{{ config('app.webName') }} -@yield('title')</title>
    <link rel="stylesheet" href="{{ asset('/home/css/index.css') }}">
    <link rel="stylesheet" href="{{ asset('/home/css/cart.css') }}">
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="{{ asset('/admin/https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js') }}"></script>
    <script src="{{ asset('/admin/https://oss.maxcdn.com/respond/1.4.2/respond.min.js') }}"></script>
    <![endif]-->

    <!-- jQuery 2.1.4 -->

    <script src="{{ asset('/admin/plugins/jQuery/jQuery-2.1.4.min.js') }}"></script>
    
    <!-- jQuery UI 1.11.4 -->
    <script src="{{ asset('/admin/bootstrap/js/jquery-ui.min.js') }}"></script>
    <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
</head>
  <body>
    <!-- 头部开始 -->
    <header>
      <!-- 工具栏开始 -->
    <div class="toolbar">
    	<div class="toolbar_box">
		    <div class="tl">
			    <ul>
			    	<li>欢迎光临易果生鲜！</li>
                 @section('city')
                    <li class="city">
                        <div class="city_send">配送至：</div>
                        <div class="city_title">北京</div>
                        <div class="city_con">
                            <div class="headline">
                                请根据您的收货地址选择
                                <span><a href="">全国其它城市</a>
                                <i>&gt;&gt;</i></span>
                            </div>
                            <div class="hot">
                                <b><i></i><span>热门城市</span></b>
                                <a href="">上海</a>
                                <a href="">北京</a>
                                <a href="">天津</a>
                                <a href="">南京市</a>
                                <a href="">苏州市</a>
                                <a href="">昆山市</a>
                                <a href="">无锡市</a>
                            </div>
                            <div class="city_list border">
                                <dl>
                                    <dt>A</dt>
                                    <dd>
                                        <a href="">安庆市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>B</dt>
                                    <dd>
                                        <a href="">滨州市</a>
                                        <a href="" class="hot_city"><strong>北京</strong></a>
                                        <a href="">北京(郊区)</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>C</dt>
                                    <dd>
                                        <a href="">慈溪市</a>
                                        <a href="">成都市</a>
                                        <a href="">长春市</a>
                                        <a href="">常熟市</a>
                                        <a href="">常州市</a>
                                        <a href="">长沙市</a>
                                        <a href="">沧州市</a>
                                        <a href="">重庆</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>D</dt>
                                    <dd>
                                        <a href="" class="hot_city"><strong>东莞市</strong></a>
                                        <a href="">大连市</a>
                                        <a href="">东营市</a>
                                        <a href="">德州市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>F</dt>
                                    <dd>
                                        <a href="" class="hot_city"><strong>佛山市</strong></a>
                                        <a href="">福州市</a>
                                        <a href="">奉化市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>G</dt>
                                    <dd>
                                        <a href="" class="hot_city"><strong>广州市</strong></a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>H</dt>
                                    <dd>
                                        <a href="">菏泽市</a>
                                        <a href="">海宁市</a>
                                        <a href="">合肥市</a>
                                        <a href="" class="hot_city"><strong>惠州市</strong></a>
                                        <a href="">哈尔滨市</a>
                                        <a href="">湖州市</a>
                                        <a href="">淮安市</a>
                                        <a href="" class="hot_city"><strong>杭州市</strong></a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>J</dt>
                                    <dd>
                                        <a href="">济南市</a>
                                        <a href="">吉林市</a>
                                        <a href="">嘉兴市</a>
                                        <a href="">景德镇市</a>
                                        <a href="" class="hot_city"><strong>江门市</strong></a>
                                        <a href="">江阴市</a>
                                        <a href="">金华市</a>
                                        <a href="">嘉善市</a>
                                        <a href="">济宁市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>K</dt>
                                    <dd>
                                        <a href="" class="hot_city"><strong>昆山市</strong></a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>L</dt>
                                    <dd>
                                        <a href="">丽水市</a>
                                        <a href="">临沂市</a>
                                        <a href="">聊城市</a>
                                        <a href="">兰州市</a>
                                        <a href="">连云港市</a>
                                        <a href="">辽阳市</a>
                                        <a href="">莱芜市</a>
                                        <a href="">廊坊市</a>
                                    </dd>
                                </dl>
                            </div>

                            <div class="city_list">
                                <dl>
                                    <dt>M</dt>
                                    <a href="">马鞍山市</a>
                                </dl>
                                <dl>
                                    <dt>N</dt>
                                    <dd>
                                        <a href="">南宁市</a>
                                        <a href="">南昌市</a>
                                        <a href="">南通市</a>
                                        <a href="" class="hot_city"><strong>南京市</strong></a>
                                        <a href="" class="hot_city"><strong>宁波市</strong></a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>Q</dt>
                                    <dd>
                                        <a href="">泉州市</a>
                                        <a href="">秦皇岛市</a>
                                        <a href="">青岛市</a>
                                        <a href="" class="hot_city"><strong>清远市</strong></a>
                                        <a href="">衢州市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>R</dt>
                                    <dd>
                                        <a href="">日照市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>S</dt>
                                    <dd>
                                        <a href="">绍兴市</a>
                                        <a href="">宿迁市</a>
                                        <a href="">沈阳市</a>
                                        <a href="" class="hot_city"><strong>深圳市</strong></a>
                                        <a href="" class="hot_city"><strong>上海</strong></a> 
                                        <a href="">上海(郊区)</a>
                                        <a href="" class="hot_city"><strong>苏州市</strong></a>
                                        <a href="">石家庄市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>T</dt>
                                    <dd>
                                        <a href="">唐山市</a>
                                        <a href="">太原市</a>
                                        <a href="">台州市</a>
                                        <a href="">泰安市</a>
                                        <a href="">桐乡市</a>
                                        <a href="">泰州市</a>
                                       <a href="" class="hot_city"><strong>天津</strong></a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>W</dt>
                                    <dd>
                                        <a href="">潍坊市</a>
                                        <a href="">武汉市</a>
                                        <a href="">温州市</a>
                                        <a href="">威海市</a>
                                        <a href="">吴江市</a>
                                        <a href="" class="hot_city"><strong>无锡市</strong></a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>X</dt>
                                    <dd>
                                        <a href="">西安市</a>
                                        <a href="">厦门市</a>
                                        <a href="">徐州市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>Y</dt>
                                    <dd>
                                        <a href="">扬州市</a>
                                        <a href="">盐城市</a>
                                        <a href="">烟台市</a>
                                        <a href="">余姚市</a>
                                        <a href="">义乌市</a>
                                        <a href="">银川市</a> 
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>Z</dt>
                                    <dd>
                                        <a href="" class="hot_city"><strong>珠海市</strong></a>
                                        <a href="">郑州市</a>
                                        <a href="" class="hot_city"><strong>中山市</strong></a>
                                        <a href="">舟山市</a>
                                        <a href="">枣庄市</a>
                                        <a href="">淄博市</a>
                                        <a href="">镇江市</a>
                                        <a href="" class="hot_city"><strong>肇庆市</strong></a>
                                    </dd>
                                </dl>
                            </div>                   
                        </div>
                        <script type="text/javascript">
                            $('.city_title').on('mouseover',function(){
                                $(this).css('background','#008842');
                                $(this).css('color','white');
                                $('.city_title s').css('background','url("/home/img/header-img.png") no-repeat -25px 0');
                                $('.city_con').css('display','block');
                            }).on('mouseout',function(){
                                $(this).css('background','');
                                $(this).css('color','#008842');
                                $('.city_title s').css('background','url("/home/img/header-img.png") no-repeat 0 0');
                                $('.city_con').css('display','none');
                            })
                        </script>
                    </li>
                 @show
                         
			    </ul>
		    </div>
		    <div class="tr">
		        <ul>
			        <li><a href="">[登录]</a></li>
			        <li><a href="">[注册]</a></li>
			        <li class="My"><a href=""><span></span>我的易果<s></s></a>
                        <div class="My_blank"></div>
                        <div class="Myyiguo">
                            <a href="">我的订单</a>
                            <a href="">我的优惠券<b>11</b></a>
                            <a href="">我的收藏</a>
                            <a href="">我的悠币</a>
                            <a href="">我的退换货</a>
                            <a href="">预存款查询</a>
                            <a href="">立即充值</a>
                        </div>
                    </li>
                    <script type="text/javascript">
                        $('.My').on('mouseover',function(){
                            $(this).css('background','white');
                            $(this).css('border','1px solid #b4c1a3');
                            $(this).css('border-bottom','none');
                            $('.Myyiguo').css('display','block');
                            $('.My_blank').css('display','block');
                        }).on('mouseout',function(){
                            $(this).css('background','#F7F9F8');
                            $(this).css('border','none');
                            $('.Myyiguo').css('display','none');
                            $('.My_blank').css('display','none');
                        })
                    </script>
			        <li class="mobile"><a href=""><span></span>手机易果<s></s></a>
                        <div class="mobile_blank"></div>
                        <div class="MyMobile">
                            <div class="QR_code">
                                <img src="/home/img/qrcode_app.jpg" alt=""><p>扫一扫下载APP</p>
                            </div>
                            <div class="QR_code">
                                <img src="/home/img/qrcode_wechat.jpg" alt=""><p>易果生鲜微信</p>
                            </div>  
                        </div>
                    </li>
                    <script type="text/javascript">
                        $('.mobile').on('mouseover',function(){
                            $(this).css('background','white');
                            $(this).css('border','1px solid #b4c1a3');
                            $(this).css('border-bottom','none');
                            $('.MyMobile').css('display','block');
                            $('.mobile_blank').css('display','block');
                        }).on('mouseout',function(){
                            $(this).css('background','#F7F9F8');
                            $(this).css('border','none');
                            $('.MyMobile').css('display','none');
                            $('.mobile_blank').css('display','none');
                        })
                    </script>
			        <li class="card"><a href=""><span></span>储值卡</a></li>
			        <li class="TEL"><a href=""><span></span>提货券入口</a></li>
		        </ul>
			</div>
		</div>
	</div>
     <!-- 工具栏结束 -->

    <!-- 搜索框开始 -->
    <div class="search">
        <div class="search_box">
            <a href="http://uguozi.com" class="logo"></a>

        @section('search_box')
            <form action="">
                <input type="text" name="keyswords" placeholder="输入商品名／编号／拼音">
                <button>搜索</button>
            </form>
            <script type="text/javascript">
                $('.search_box input[name=keyswords]').on('focus',function(){
                    $(this).attr('placeholder','');
                    $(this).css('background','white');
                }).on('blur',function(){
                     $(this).attr('placeholder','输入商品名／编号／拼音');
                    $(this).css('background','#E0E0E0');
                });
            </script>
            <div class="hot">
                <a href="" class="hot_word">樱桃</a>
                <a href="">芒果</a>
                <a href="" class="hot_word">奇异果</a>
            </div>
            <!-- 购物车 -->
            <div class="shopcar">
                <dl>
                    <dt class="shopcar_btn">
                        <a href=""><span><b>0</b></span><b class="price">0.0</b></a>
                    </dt>
                    <dd class="shopcar_box">
                        <div class="space"></div>
                        <!-- 无商品 -->
                        <div class="no_goods">购物车中还没有商品，赶紧选购吧！</div>
                        <!-- 商品列表 -->
                        <div class="shopping_list">
                            <ul>
                                <li>   
                                    
                                    <a href=""><img src="/home/img/151010143438859_20709_300.jpg" alt=""></a>
                                    
                                    <div class="shop_name">
                                        <a href="">精选延庆生态荷兰黄瓜400g(北京)</a>
                                    </div>
                                    <div class="price">
                                        <b>￥13.90</b> * <span>1</span>
                                        <a href="">删除</a>
                                    </div>                   
                                </li>
                            </ul>
                            <div class="price_total"> 
                                <div>
                                    <span>共<b class="totleNum">2</b>件商品</span>                          
                                    <span>共计<b class="totlePrice">¥61.90</b></span>
                                </div>
                                <div>
                                    <a href="" class="gotoBuy">去购物车</a>
                                </div>
                            </div>
                        </div>
                    </dd>
                </dl>  
            </div>
            <script type="text/javascript">
                $('.shopcar_btn').on('mouseover',function(){
                    $('.shopcar_box').css('display','block');
                    $('.no_goods').css('display','block');
                }).on('mouseout',function(){
                    $('.shopcar_box').css('display','none');
                    $('.no_goods').css('display','none');
                });
            </script>

            @show          
        </div>
    </div>
    <!-- 搜索框结束 -->
    </header>
    <!-- 头部开始 -->

    <!-- 主体开始 -->
    @yield('content')
    <!-- 主体结束 -->

    <!-- 脚本开始 -->
    <footer>

    
@section('service')
        <!-- 网站优点开始 -->
        <div class="service">
            <div class="service_box">
                <ul>
                    <li class="s1">
                        <b>全球精选</b>
                        <span>一站式生鲜购物方案</span>
                    </li>
                    <li class="s1">
                        <b>多仓直发</b>
                        <span>特有次日达配送服务</span>
                    </li>
                    <li class="s1">
                        <b>源头直采</b>
                        <span>精选正宗品质好食材</span>
                    </li>
                    <li class="s1">
                        <b>天天底价</b>
                        <span>会员专属优惠购不停</span>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 网站优点结束 -->
        <script type="text/javascript" charset="utf-8" src="{{asset('/home/js/z-page.js')}}"></script>

@show
        

        <!-- 网站信息开始 -->
        <div class="about">
            <dl class="d1">
                <dt>新手指南</dt>
                <dd>
                    <p><a href="">账户注册</a></p>
                    <p><a href="">购物流程</a></p>
                    <p><a href="">订购方式</a></p>
                    <p><a href="">悠币说明</a></p>
                    <p><a href="">会员等级</a></p>
                </dd>
            </dl>
            <dl class="d2">
                <dt>支付方式/发票说明</dt>
                <dd>
                    <p><a href="">充值说明/储值卡说明</a></p>
                    <p><a href="">优惠代码/礼品卡说明</a></p>
                    <p><a href="">卡券购买章程</a></p>
                </dd>
            </dl>
            <dl class="d3">
                <dt>配送方式</dt>
                <dd>
                    <p><a href="">配送运费</a></p>
                    <p><a href="">配送范围</a></p>
                    <p><a href="">配送时间</a></p>
                </dd>
            </dl>
            <dl class="d4">
                <dt>退换货政策</dt>
                <dd>
                    <p><a href="">退换货流程</a></p>
                    <p><a href="">常见问题</a></p>
                    <p><a href="">投诉与建议</a></p>
                </dd>
            </dl>
            <dl class="d5">
                <dt>关于我们</dt>
                <dd>
                    <p><a href="">公司介绍</a></p>
                    <p><a href="">联系我们</a></p>
                    <p><a href="">业务合作</a></p>
                    <p><a href="">诚信举报</a></p>
                    <p><a href="">人才招聘</a></p>
                    <p><a href="">友情链接</a></p>
                </dd>
            </dl>
        </div>
        <!-- 网站信息结束 -->
        
        <!-- 版权信息开始 -->
        <div class="copyright">
            <div class="service_time">客服热线 400-000-7788 企业采购或团购，请转2号键咨询周一至周日 9:00-21:00</div>
            <div>所有图片均受著作权保护，未经许可任何单位与个人不得使用、复制、转载、摘编，违者必究法律责任。</div>
            <div>沪ICP备09008015号 Copyright © 2005-2016 上海易果电子商务有限公司版权所有</div>
            <div>
                <a href=""><img src="{{ asset('/home/img/2517491005058doc.png') }}" alt=""></a>
                <a href=""><img src="{{ asset('/home/img/footer_copy.gif') }}" alt=""></a>
                <a href=""><img src="{{ asset('/home/img/2517491005058doc.png') }}" alt="">
                <span>沪公网安备 31010502000002号</span></a>
             
            </div>
        </div>
        <!-- 版权信息结束 -->
        

    </footer>
    <!-- 脚本结束 -->
    

<script>
    $.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.5 -->
<script src="{{ asset('/admin/bootstrap/js/bootstrap.min.js') }}"></script>
<!-- Morris.js charts -->
<script src="{{ asset('/admin/bootstrap/js/raphael-min.js') }}"></script>
<script src="{{ asset('/admin/plugins/morris/morris.min.js') }}"></script>
<!-- Sparkline -->
<script src="{{ asset('/admin/plugins/sparkline/jquery.sparkline.min.js') }}"></script>
<!-- jvectormap -->
<script src="{{ asset('/admin/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js') }}"></script>
<script src="{{ asset('/admin/plugins/jvectormap/jquery-jvectormap-world-mill-en.js') }}"></script>
<!-- jQuery Knob Chart -->
<script src="{{ asset('/admin/plugins/knob/jquery.knob.js') }}"></script>
<!-- daterangepicker -->
<script src="{{ asset('/admin/bootstrap/js/moment.min.js') }}"></script>
<script src="{{ asset('/admin/plugins/daterangepicker/daterangepicker.js') }}"></script>
<!-- datepicker -->
<script src="{{ asset('/admin/plugins/datepicker/bootstrap-datepicker.js') }}"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="{{ asset('/admin/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js') }}"></script>
<!-- Slimscroll -->
<script src="{{ asset('/admin/plugins/slimScroll/jquery.slimscroll.min.js') }}"></script>
<!-- FastClick -->
<script src="{{ asset('/admin/plugins/fastclick/fastclick.min.js') }}"></script>
<!-- AdminLTE App -->
<script src="{{ asset('/admin/dist/js/app.min.js') }}"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="{{ asset('/admin/dist/js/pages/dashboard.js') }}"></script>
<!-- AdminLTE for demo purposes -->
<script src="{{ asset('/admin/dist/js/demo.js') }}"></script>
</body>
</html>
